import './Scss/Person.scss'
import { CommonSmallTitle } from '../Common/SmallTitle'
import { PersonnelStatistics001 } from '../Template/PersonnelStatistics'
import { PersonnelPost001 } from '../Template/PersonnelPost'
import { PersonnelAttendance001 } from '../Template/PersonnelAttendance'

export const Person001 = () => {
    return (
        <div className="Person001">
            <div className="Top">
                <CommonSmallTitle className="ItemTitle" title="人员统计" flex={63} style={{ marginRight: 16 }}>
                    <PersonnelStatistics001 />
                </CommonSmallTitle>
                <CommonSmallTitle className="ItemTitle" title="岗位统计" flex={123}>
                    <PersonnelPost001 />
                </CommonSmallTitle>
            </div>
            <div className="Btm">
                <CommonSmallTitle className="ItemTitle" title="出勤情况" flex={123}>
                    <PersonnelAttendance001 />
                </CommonSmallTitle>
            </div>
        </div>
    )
}
